Soy nuevo en JS y estoy codificando un proyecto de vainilla que es un contador. Cuando agrego "addEventListener", este método no funciona. Aquí está mi archivo html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <script src="script.js" async></script> <title>Counter</title> </head> <body> <h2 class="title">Counter</h2> <span id="value">0</span> <div class="container"> <button class="btn increase" type="button">Increase</button> <button class="btn decrease" type="button">Decrease</button> <button class="btn reset" type="button">Reset</button> </div> </body> </html>Aquí está mi archivo JS:
let counter = 0 const btns = document.getElementsByClassName("btn") const value = document.getElementById("value") function getButton() { for (let i = 0; i < btns.length; i++) { getBtn = btns[i] getBtn.addEventListener("click", function (event) { console.log("clicked") // let buttonClicked = event.target // if (buttonClicked.classList.contains("increase")) { // counter++ // } // value.innerText = counter }) } }El problema cuando hago clic en el botón, console.log ("clic") no se muestra en la consola. Además, tengo un problema de la consola:
Auditar el uso de navigator.userAgent, navigator.appVersion y navigator.platform Una página o script accede al menos a uno de navigator.userAgent, navigator.appVersion y navigator.platform. A partir de Chrome 101, se reducirá la cantidad de información disponible en la cadena del agente de usuario. Para solucionar este problema, reemplace el uso de navigator.userAgent, navigator.appVersion y navigator.platform con detección de características, mejora progresiva o migre a navigator.userAgentData. Tenga en cuenta que, por motivos de rendimiento, solo se muestra el primer acceso a una de las propiedades. 1 source content-script-utils.js:1 Más información: Reducción de cadenas de agentes de usuario
Busqué un poco pero no sé si está relacionado con mi archivo JS.